{% extends 'layout.html' %}

{% block content %}
    <md-toolbar layout="row">
      <div class="md-toolbar-tools">
        <md-button ng-click="toggleSidenav('left')" hide-gt-sm class="md-icon-button">
          <md-icon aria-label="Menu" md-svg-icon="https://s3-us-west-2.amazonaws.com/s.cdpn.io/68133/menu.svg"></md-icon>
        </md-button>
        <h1><%= scriptAppName %></h1>
      </div>
    </md-toolbar>
    <div layout="row" flex>
        <md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')">

        </md-sidenav>
        <div layout="column" flex id="content">
            <md-content layout="column" flex class="md-padding">
            <% if (ngRoute) {
              %><div ng-view></div><%
            } else {
              %><div ng-include="'views/main.html'" ng-controller="MainCtrl"></div><%
            } %>
            </md-content>
        </div>
    </div>
{% endblock %}
